<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<%-- 图片库的模态框 --%>
<div id="pic-list-modal" role="dialog" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="图片库的模态框" aria-hidden="true">
	<div class="modal-dialog" style="width: 930px;">
		<div class="modal-content">
			<div class="modal-header" style="background-color: #F4F5F9;">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					<i class="ace-icon iconfont icon-fork"></i>
				</button>
				
				<h1 class="modal-title font-size-20">选择图片</h1>
			</div>
			
			<div class="modal-body p-0" style="height: 460px; overflow: hidden;">
				<div class="pic-list">
					<div class="list-content">
						<div class="list-header">
							<form role="form" class="form-inline m-0 p-0">
								<div class="form-group m-l-10 m-r-10">
									<label class="control-label">名称：</label>
									
									<input id="pic-name" class="form-control input-sm" type="text" placeholder="图片名称">
								</div>
								
								<div class="form-group m-r-10">
									<label class="control-label">日期：从</label>
									
									<div class="input-group input-group-sm">
										<input id="pic-start-date" class="form-control" type="text" readonly="readonly" placeholder="开始日期">
										
										<span id="pic-start-date-close" class="input-group-addon">
											<i class="ace-icon fa fa-close cursor-default"></i>
										</span>
									</div>
									
									<label class="control-label">至</label>
									
									<div class="input-group input-group-sm">
										<input id="pic-end-date" class="form-control" type="text" readonly="readonly" placeholder="结束日期">
										
										<span id="pic-end-date-close" class="input-group-addon">
											<i class="ace-icon fa fa-close cursor-default"></i>
										</span>
									</div>
								</div>
								
								<div class="form-group m-r-10">
									<button id="pic-search-btn" class="btn btn-danger btn-xs" type="button">
										<i class="ace-icon fa fa-search"></i>
										搜索
									</button>
								</div>
								
								<div class="form-group m-r-10">
									<button id="pic-local-upload" class="btn btn-success btn-sm">本地上传</button>
								</div>
							</form>
						</div>
						
						<div class="list-body">
							<input id="pic-pages" type="hidden" value="0">
							<input id="pic-prev-page" type="hidden" value="0">
							<input id="pic-curr-page" type="hidden" value="0">
							<input id="pic-next-page" type="hidden" value="0">

							<div id="pic-queue" class="pic-queue"></div>
							
							<div id="pic-list">
								<%--
								<jsp:include page="/WEB-INF/jsp/common/pic-list.jsp" />
								--%>
							</div>
						</div>
						
						<div class="list-footer">
							<div class="pull-right">
								<form class="form-inline" role="form">
									<div class="form-group">
										<a id="pic-prev-page-btn" class="btn btn-sm btn-info" title="上一页" href="javascript: void(0);">
											<i class="fa fa-chevron-left"></i>
										</a>
										
										<a id="pic-pages-info" class="btn btn-sm btn-info" href="javascript:void(0);">0/0</a>
										
										<a id="pic-next-page-btn" class="btn btn-sm btn-info" title="下一页" href="javascript: void(0);">
											<i class="fa fa-chevron-right"></i>
										</a>
										
										<input id="pic-page-num" class="form-control input-sm" type="text" style="width: 100px;" placeholder="页数">
										
										<a id="pic-page-num-btn" class="btn btn-sm btn-success" href="javascript: void(0);">跳转</a>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="modal-footer p-t-10 p-b-10" style="background-color: #F4F5F9;">
				<div class="col-xs-4 center">
					<label id="pic-choose-info" class="font-size-14">已选0个，可选1个</label>
				</div>
				
				<div class="col-xs-8 center">
					<button type="button" class="btn btn-sm btn-danger" data-dismiss="modal">取消</button>
					
					<button id="pic-choose-btn" type="button" class="btn btn-sm btn-success">确定</button>
				</div>
			</div>
		</div>
	</div>
</div>